<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>NexusLevel</title>
		<meta name="description" content="" />
		<meta name="author" content="" />
		<link rel="shortcut icon" href="/favicon.ico" />
		
		<link type="text/css" rel="stylesheet" href="../../Client/css/nlClassic.css">
		<script src="../../Client/lib/require.js"></script>
		<script src="../../Client/lib/jq2.min.js"></script>
	</head>

	<body>
		<script src="testInit.js"></script>
		<script>
			require(['NL/UI/Root','NL/UI/Button','NL/UI/Checkbox','NL/UI/Radio','NL/UI/Label','NL/UI/TextField'],
			function(Root,Button,Checkbox,Radio,Label,TextField) {
				"use strict";
				var 
					root = new Root(),
					p1 = new Button({id:'P1',caption:'Test 1',parent:root,
						events: {
							click: function(e) {
								alert('clicked '+e.target.id);
							} 
						}
					}),
					p2 = new Button({id:'P2',caption:'Test 2',parent:root,disabled:true,
						events: {
							click: function(e) {
								alert('clicked '+e.target.id);
							} 
						}
					}),
					p3 = new Button({id:'P3',caption:'Test 3',parent:root,hidden:true,
						events: {
							click: function(e) {
								alert('clicked '+e.target.id);
							} 
						}
					}),    
					cb1 = new Checkbox({id:'cb1',parent:root}),
					cb2 = new Checkbox({id:'cb2',parent:root,disabled:true}),
					cb3 = new Checkbox({id:'cb3',parent:root,hidden:true}),
					rd1 = new Radio({id:'rd1',parent:root}),
					rd2 = new Radio({id:'rd2',parent:root,disabled:true}),
					rd3 = new Radio({id:'rd3',parent:root,hidden:true}),
					tf1 = new TextField({id:'tf1', parent:root, password:true});
			});
		</script>
		
	</body>
</html>

